<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%  
response.setHeader("Access-Control-Allow-Origin", "*");  
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="referrer" content="no-referrer" />
<title>主板公司·数据工厂</title>
<link href="${pageContext.request.contextPath }/img/webLogoIcon.png"
	rel="shortcut icon">
<link href="${pageContext.request.contextPath }/css/bootstrap.min.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath }/css/font-awesome.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath }/css/animate.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath }/css/style.css"
	rel="stylesheet">
<!-- FooTable -->
<link href="${pageContext.request.contextPath }/css/footable.core.css"
	rel="stylesheet">
<link
	href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css"
	rel="stylesheet" />
<link href="${pageContext.request.contextPath}/css/mypage.css"
	rel="stylesheet">
</head>
<style>

#list tr{
	height:40px;
}
</style>
<body>
	<div id="wrapper">
		<nav class="navbar-default navbar-static-side" role="navigation">
		<%request.setAttribute("LEFT", "motherboard-company");%> <%@include
			file="../components/left.jsp"%> </nav>
		<div id="page-wrapper" class="gray-bg">
			<div class="row border-bottom m-b-20">
				<jsp:include page="../components/head.jsp" flush="true" />
			</div>
			<div class="row wrapper border-bottom white-bg page-heading">
				<div class="col-lg-9">
					<h2>主板公司</h2>
					<ol class="breadcrumb">
						<li class="nav-main1"><a
							href="${pageContext.request.contextPath}/admin/tosystem_overview">主页</a>
						</li>
						<li class="nav-main2"><a id="navigation1" href="#">证券数据</a></li>
						<li class="active"><a>主板公司</a></li>
					</ol>
				</div>
			</div>
			<div class="wrapper wrapper-content animated fadeInRight">
				<div class="row">
					<div class="col-lg-12">
						<div class="ibox float-e-margins barcontent" id="barcontent"></div>
						<div class="ibox float-e-margins">
							<div class="ibox-content">
								<div class="input-select" style="margin-bottom: 20px">
									<div class="input-selectbox">
										<button data-toggle="dropdown"
											class="btn btn-primary dropdown-toggle" type="button"
											aria-expanded="false">
											<i class="fa fa-bars"></i> <span id="inputSelected">全部</span>
										</button>
										<ul class="dropdown-menu" id="selectlist">
											<li><a onclick="setselect(this)">全部</a></li>
											<li><a onclick="setselect(this)">公司名</a></li>
											<li><a onclick="setselect(this)">股票代码</a></li>
										</ul>
										<input type="text" class="form-control"
											style="width: 440px; padding-right: 42px;"> <i
											id="gosearch" class="fa fa-search cursearch"
											onclick="search()"></i>
									</div>
								</div>
								<div class="row m-t-sm">
									<div class="col-lg-12">
										<div class="panel blank-panel">
											<div class="panel-body">
												<div class="tab-content">
													<div class="tab-pane active" id="tab-1">
														<div class="feed-activity-list" id="lis">
															<table
																class="footable table table-stripped toggle-arrow-tiny"
																data-page-size="10">
																<thead>
																	<tr>
																		<th style="width: 7%;">股票代码</th>
																		<th style="width: 9%;">股票简称</th>
																		<th style="width: 20%;">公司名称</th>
																		<th style="width: 8%;">成立时间</th>
																		<th style="width: 7%;">总市值</th>
																		<th style="width: 7%;">当前股价</th>
																		<th style="width: 9%;">涨跌率</th>
																		<th style="width: 9%;">涨跌额</th>
																		<!-- <th style="width: 9%; text-align: center;">最高价</th>
																		<th style="width: 9%; text-align: center;">最低价</th> -->
																	</tr>
																</thead>
																<tbody id="list">
																	
																</tbody>
															
															</table>


														</div>
														<div class="feed-activity-list" id="logs">
															<div class="box" id="box" style="float: right;"></div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<jsp:include page="../components/footer.jsp" flush="true" />
		</div>
	</div>
	<!-- Mainly scripts -->
	<script src="${pageContext.request.contextPath }/js/jquery-2.1.1.js"></script>
	<script src="${pageContext.request.contextPath }/js/bootstrap.min.js"></script>
	<script
		src="${pageContext.request.contextPath }/js/jquery.metisMenu.js"></script>
	<script
		src="${pageContext.request.contextPath }/js/jquery.slimscroll.min.js"></script>
	<!-- Custom and plugin javascript -->
	<script src="${pageContext.request.contextPath }/js/inspinia.js"></script>
	<script src="${pageContext.request.contextPath }/js/pace.min.js"></script>
	<!-- FooTable -->
	<script
		src="${pageContext.request.contextPath }/js/footable.all.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/mypage.js"></script>
	<!-- Page-Level Scripts -->
	<script
		src="${pageContext.request.contextPath}/js/anychart-base.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/userCustom.js"></script>
	<script>
	var data = 
		[
		     ['金融业', '4054'],
		     ['制造业', '9410'],
		     ['房地产业', '6610'],
		     ['电信运营', '7130'],
		     ['公共设施管理业', '8000'],
		     ['专用设备制造业', '4760'],
		     [' 医药制造业', '3670'],
		     ['其他金融业', '2210'],
		     ['汽车制造业', '2980'],
		     ['交通运输业', '4760'],
		     ['其他', '1760']
			]
	createbar("barcontent","主板公司行业领域分布",data)
        $(document).ready(function() {
            $('.footable').footable();
        });
        
        $(function(){
        	thesisnlist(1);
		});
        
		function thesisnlist(pageNum){
        	$.ajax({
        		url : "${pageContext.request.contextPath}/motherboardCompany/stockinfolist",
        		type : "post",
        		data:{
        			pageNum: pageNum
        		},
        		success : function(res1) {
        			
        			$('#list').html('');
        			let res = JSON.parse(res1);
        			$('#dataCount').html('共'+res.totalData+'条');
        			paging(res.totalData, res.totalPage, pageNum);
        			var list = res.list;
        			
        			for (var i = 0; i < list.length; i++) {
        				var updanddown=list[i].gain;
        				var gain;
        				if(updanddown.indexOf("-")>-1){
        					gain="<td style='color:green'>"+list[i].gain+"&nbsp<i class='fa fa-long-arrow-down'></i></td>";
        				}else {
        					gain="<td style='color:red'>"+list[i].gain+"&nbsp<i class='fa fa-long-arrow-up'></i></td>";
        				}
        				
        				
        				var html='<tr>'+
							'<td>'+list[i].code+'</td>'+
							'<td>'+list[i].simple_name+'</td>'+
							'<td><a target="_blank" href="${pageContext.request.contextPath}/motherboardCompany/motherboard-company-detail?article_public_id='+list[i].article_public_id+'">'+list[i].full_name+'</a></td>'+
							'<td>'+list[i].builddate+'</td>'+
							'<td>'+list[i].totalMarket+'</td>'+
							'<td>'+list[i].currentpricetoday+'</td>'+
							  /* '<td>'+list[i].gain+'</td>'+   */
							 gain+
							'<td>'+list[i].upsAndDowns+'</td>'+
							'</tr>';
					     $('#list').append(html)
					}
        			if (list.length == 0) {
        				$('#list').html('<div class="feed-element">暂无数据！</div>')
					}
        		},
        		error: function(res) {
        			console.log(res);
        		}
        	});
        }
        function paging(totalData,totalPage, pagenum) {
			$('#box').paging({
				initPageNo : pagenum, // 初始页码
				totalPages : totalPage, //总页数
				totalCount : '合计' + totalData + '条数据', // 条目总数
				slideSpeed : 600, // 缓动速度 单位毫秒
				jump : true, //是否支持跳转
				callback : function(page) { // 回调函数 
					}
			});
		}
        
		function JumpToPage(pageNum) {
			thesisnlist(pageNum);
		}
		
		//跑马灯方法 
// 		 function init(){
// 			    //获取标题
// 			    var title=document.title;
// 			    //分割字符串--->字符数组
// 			    var arr=title.split("");
// 			    //删除第一个元素并返回该元素
// 			    var e=arr.shift();
// 			    //把一个对象添加到数组末尾
// 			    arr.push(e);
// 			    //把数组转换成字符串
// 			    var marquee=arr.join("");
// 			    //返回给浏览器
// 			    document.title=marquee;
// 			    //定时一直执行
// 			    window.setTimeout("init()",1000);
// 			}
// 			window.onload=init;
    </script>
	<script
		src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
</body>
</html>
